<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:th="http://www.thymeleaf.org"
      xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity3">

<head>

    <meta charset="utf-8"/>
    <title>园所管理</title>
    <meta content="width=device-width, initial-scale=1.0" name="viewport"/>
    <meta th:content="${session.authorities}" id="authority"/>

    <link href="/media/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>

    <link href="/media/css/bootstrap-responsive.min.css" rel="stylesheet" type="text/css"/>

    <link href="/media/css/font-awesome.min.css" rel="stylesheet" type="text/css"/>

    <link href="/media/css/style-metro.css" rel="stylesheet" type="text/css"/>

    <link href="/media/css/style.css" rel="stylesheet" type="text/css"/>

    <link href="/media/css/style-responsive.css" rel="stylesheet" type="text/css"/>

    <link href="/media/css/default.css" rel="stylesheet" type="text/css" id="style_color"/>

    <link href="/media/css/uniform.default.css" rel="stylesheet" type="text/css"/>

    <link rel="stylesheet" type="text/css" href="/media/css/select2_metro.css"/>

    <link rel="stylesheet" href="/media/css/DT_bootstrap.css"/>

    <link rel="shortcut icon" href="/media/image/favicon.ico"/>

</head>

<body class="page-header-fixed">

<div th:replace="common/header :: header"></div>

<div class="page-container row-fluid">

    <div th:replace="common/sider :: sider"></div>

    <div class="page-content">

        <div class="container-fluid">
            <div class="row-fluid">
                <div class="span12">
                    <h3 class="page-title">园所管理</h3>
                </div>
            </div>
            <div class="row-fluid">
                <div class="span12">
                    <div class="portlet box green">
                        <div class="portlet-title">
                            <div class="caption">
                                <i class="icon-globe"></i>园所管理
                            </div>
                        </div>
                        <div class="portlet-body">
                            <div class="clearfix">
                                <div class="btn-group"
                                     sec:authorize="hasAuthority('PERMISSION_GARDEN_ADD')">
                                    <button class="btn green" id="btn_add">
                                        添加园所 <i class="icon-plus"></i>
                                    </button>
                                </div>
                            </div>
                            <table class="table table-striped table-bordered table-hover table-full-width" id="table">
                                <thead>
                                <tr>
                                    <th>园所名称</th>
                                    <th>园所负责人</th>
                                    <th>联系方式</th>
                                    <th>园所地址</th>
                                    <th>操作</th>
                                </tr>
                                </thead>
                                <tbody>
                                </tbody>
                            </table>
                        </div>
                    </div>
                    <!-- END EXAMPLE TABLE PORTLET-->
                </div>
            </div>
            <!-- START 添加园所ALERT-->
            <div class="row-fluid" id="tab1" style="display: none;" sec:authorize="hasAuthority('PERMISSION_GARDEN_ADD')">

                <div class="span12">

                    <div class="portlet" id="form_wizard_1">


                        <div class="portlet-body form">

                            <form action="#" method="POST" class="form-horizontal"
                                  id="add_garden_form">
                                <div class="form-wizard">
                                    <div class="control-group">
                                        <label class="control-label">园所名称<span
                                                class="required">*</span></label>

                                        <div class="controls">
                                            <input type="text" class="span6 m-wrap" name="gardenName"
                                                   id="gardenName"/> <span class="help-inline"></span>
                                        </div>
                                    </div>
                                    <div class="control-group">
                                        <label class="control-label">园所负责人</label>
                                        <div class="controls">
                                            <input type="text" class="span6 m-wrap" name="gardenManager"/>
                                            <span class="help-inline"></span>
                                        </div>
                                    </div>
                                    <div class="control-group ">
                                        <label class="control-label">联系方式</label>
                                        <div class="controls">
                                            <input type="text" class="span6 m-wrap"
                                                   name="gardenManagerPhone"/>
                                        </div>
                                    </div>
                                    <div class="control-group ">
                                        <label class="control-label">园所地址</label>
                                        <div class="controls">
                                            <input type="text" class="span6 m-wrap"
                                                   name="gardenAddress"/>
                                        </div>
                                    </div>
                                </div>

                            </form>

                        </div>

                    </div>

                </div>

            </div>
            <!-- END 添加园所 ALERT-->

            <!-- START 编辑园所 ALERT-->
            <div class="row-fluid" id="tab2" style="display: none;" sec:authorize="hasAuthority('PERMISSION_GARDEN_EDIT')">
                <div class="span12">
                    <div class="portlet">
                        <div class="portlet-body form">
                            <form action="#" method="POST" class="form-horizontal"
                                  id="edit_garden_form">
                                <div class="form-wizard">
                                    <div class="control-group">
                                        <label class="control-label">园所名称<span
                                                class="required">*</span></label>

                                        <div class="controls">
                                            <input type="text" class="span6 m-wrap" name="gardenName"
                                                   id="e_gardenName"/>
                                        </div>
                                    </div>
                                    <div class="control-group">
                                        <label class="control-label">园所负责人</label>
                                        <div class="controls">
                                            <input type="text" class="span6 m-wrap" name="gardenManager"
                                                   id="e_gardenManager"/>
                                        </div>
                                    </div>
                                    <div class="control-group ">
                                        <label class="control-label">联系方式</label>
                                        <div class="controls">
                                            <input type="text" class="span6 m-wrap" name="gardenManagerPhone"
                                                   id="e_gardenManagerPhone"/>
                                        </div>
                                    </div>
                                    <div class="control-group ">
                                        <label class="control-label">园所地址</label>
                                        <div class="controls">
                                            <input type="text" class="span6 m-wrap" name="gardenAddress"
                                                   id="e_gardenAddress"/>
                                        </div>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- BEGIN CORE PLUGINS -->
<script src="/media/js/jquery-1.10.1.min.js" type="text/javascript"></script>
<script src="/media/js/jquery-migrate-1.2.1.min.js" type="text/javascript"></script>
<script src="/media/js/jquery-ui-1.10.1.custom.min.js" type="text/javascript"></script>
<script src="/media/js/bootstrap.min.js" type="text/javascript"></script>
<!-- END CORE PLUGINS -->

<!-- BEGIN PAGE LEVEL PLUGINS -->
<script type="text/javascript" src="media/js/select2.min.js"></script>
<script type="text/javascript" src="media/js/jquery.dataTables.min.js"></script>
<script type="text/javascript" src="media/js/DT_bootstrap.js"></script>
<!-- END PAGE LEVEL PLUGINS -->

<!-- BEGIN PAGE LEVEL SCRIPTS -->
<script type="text/javascript" src="/media/layer/layer.js"></script>
<script src="/media/js/app.js"></script>
<script src="/media/js/gardenlist.js"></script>

<script>
    jQuery(document).ready(function () {

        App.init();
        GardenList.init();

    });
</script>
</body>

<!-- END BODY -->

</html>